<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base target="_blank"></base>
<title>Lookers——属于你的旅行</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet" />


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js" ></script>
<script>
DD_belatedPNG.fix('*');
</script>
<![endif]-->

</head>

<body>

<div id="header">

  	<nav class="navbar navbar-default navbar-fixed-top">
      
      	<div class="container">

          	<div class="navbar-header">
            	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                		<span class="sr-only">Toggle navigation</span>
                		<span class="icon-bar"></span>
                		<span class="icon-bar"></span>
                		<span class="icon-bar"></span>
              	</button>
              	<a class="navbar-brand" href="#">Lookers</a>
          	</div>

            <!-- 登录前 -->
          	<div id="navbar" class="navbar-collapse collapse">
            	<ul class="nav navbar-nav navbar-right">
              		<li><a href="#">QQ登陆</a></li>
                	<li><a href="#">GitHub登陆</a></li>
              	</ul>
                
              	<form class="navbar-form navbar-right">
                	<div class="form-group">
                  		<input type="text" placeholder="登陆名" class="form-control">
                	</div>
                	<div class="form-group">
                  		<input type="password" placeholder="密码" class="form-control">
                	</div>
                	<button type="submit" class="btn btn-success">登陆</button>
                	<button type="submit" class="btn btn-primary">注册</button>
              	</form>
          	</div><!--/.navbar-collapse -->

            <!-- 登录后 -->
            <!--<div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="usericon"><a href="#"><img src="imgs/usericon/1.gif" /></a></li>
                    <li class="username"><a href="#">fancyallen</a></li>
                    <li><a href="#">消息 <span class="badge">42</span></a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">选项 <span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">账号管理</a></li>
                            <li><a href="#">通知 <span class="badge">123</span></a></li>
                            <li><a href="#">隐私与安全</a></li>
                            <li><a href="#">设置</a></li>
                            <li class="divider"></li>
                            <li><a href="#">意见反馈</a></li>
                            <li><a href="#">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div> -->

        </div>
        
  	</nav>

</div>

<div id="nav">

    <h1 title="Lookers"><a href="#"><img src="imgs/logo.png" alt="Lookers" /></a></h1>

  	<nav class="navbar navbar-default">
    		<div class="container-fluid">
    		<!-- Brand and toggle get grouped for better mobile display -->
      			<div class="navbar-header">
        				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          					<span class="sr-only">Toggle navigation</span>
          					<span class="icon-bar"></span>
          					<span class="icon-bar"></span>
          					<span class="icon-bar"></span>
        				</button>
      			</div>

      			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        				<ul class="nav navbar-nav">
          					<li class="active"><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
          					<li><a href="#">驴友日记</a></li>
          					<li><a href="#">找地主</a></li>
          					<li><a href="#">找伙伴</a></li>
          					<li><a href="publishDiary.html">发表日记</a></li>
        				</ul>
        				<form class="navbar-form navbar-right" role="search">
          					<div class="form-group">
            						<input type="text" class="form-control" placeholder="搜索">
          					</div>
        					 <button type="submit" class="btn btn-default">Go</button>
        				</form>
      			</div><!-- /.navbar-collapse -->
    		</div><!-- /.container-fluid -->
  	</nav>

</div>

<div id="banner"><!--图片轮播-->
    
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img class="first-slide" alt="First slide" src="imgs/scroll/1.gif">
            </div>
            <div class="item">
                <img class="second-slide" alt="Second slide" src="imgs/scroll/1.gif">
            </div>
            <div class="item">
                <img class="third-slide" alt="Third slide" src="imgs/scroll/1.gif">
            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
      
</div>

<div class="content clear">
	
    <div class="main fl">

        <ul class="nav nav-tabs tabNav1">
            <li role="presentation" class="active"><a href="#">Hot 热门游记</a></li>
            <li role="presentation"><a href="#">New 最新游记</a></li>
        </ul>

        <p class="statis">
            <span>共发布游记<em>1627</em>篇</span> |
            <span>今日新发布<em>1</em>篇</span>
        </p>

        <div class="con_list">

            <ul class="media tabCon1">
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">香港三天两晚自由行</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">香港三天两晚自由行</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">香港三天两晚自由行</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">香港三天两晚自由行</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                        <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">香港三天两晚自由行</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                        <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">香港三天两晚自由行</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
            </ul>

            <ul class="media tabCon1">
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">上海一日游</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">上海一日游</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">上海一日游</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                            <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">上海一日游</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                        <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">上海一日游</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
                <li>
                    <div class="media-left media-middle">
                        <a href="#">
                        <img class="media-object" src="imgs/notelist/1.gif" alt="...">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="readDiary.html">上海一日游</a></h4>
                        <span>作者：<a href="#">fancyallen</a></span>
                        <p>喜欢吃，特别喜欢香港的美食，趁着机票便宜，就去香港来了一场说吃就吃的旅行。 机票和车票定好了，接着是迪士尼乐园门票和迪士尼乐园餐票，如果是2个人去，餐券我建议定一张...</p>
                    </div>
                </li>
            </ul>
        
            <ul class="pager clear">
                <li class="fl"><a href="#" role="button">发布游记</a></li>
                <li class="fr"><a href="#">更多游记>></a></li>
            </ul>

        </div>

    </div>

    <div class="side fr">

        <div class="list_wrap">

            <div class="panel panel-primary">

                <div class="panel-heading">
                    <h3 class="panel-title">推荐地主</h3>
                </div>

                <div class="panel-body">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                    </ul>

                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                    </ul>

                    <button type="button" class="btn btn-primary fr">发布地主信息>></button>

                </div>
            </div>

            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">寻找伙伴</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                    </ul>

                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                        <li class="list-group-item">
                            <a href="#"><img class="img-responsive img-rounded" src="imgs/usericon/1.gif" alt="" /></a>
                            <p><a href="#">用户1</a></p>
                        </li>
                    </ul>

                    <button type="button" class="btn btn-primary fr">加入伙伴团队>></button>

                </div>
            </div>

            <div class="panel panel-primary article_list">
                <div class="panel-heading">
                    <h3 class="panel-title">精彩游记</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="#">素胚勾勒出青花笔锋浓转淡</a>
                        </li>
                        <li class="list-group-item">
                            <a href="#">瓶身描绘的牡丹一如你初妆</a>
                        </li>
                        <li class="list-group-item">
                            <a href="#">冉冉檀香透过窗心事我了然</a>
                        </li>
                        <li class="list-group-item">
                            <a href="#">宣纸上走笔至此搁一半</a>
                        </li>
                        <li class="list-group-item">
                            <a href="#">釉色渲染仕女图韵味被私藏</a>
                        </li>
                        <li class="list-group-item">
                            <a href="#">而你嫣然的一笑如含苞待放</a>
                        </li>
                        <li class="list-group-item">
                            <a href="#">你的美一缕飘散去到我去不了的地方</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

    </div>
	
</div>

<div id="footer">

    <footer class="blog-footer">
        <ul class="list-group clear">
            <li><a href="#">关于我们</a> |</li>
            <li><a href="#">关于我们</a> |</li>
            <li><a href="#">关于我们</a> |</li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <p>版权所有。。。。。。。。</p>
    </footer>

</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js" ></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/lookers.js"></script>
</body>
</html>
